@charset "utf-8";
/* CSS Document */
/*切图：yf*/
html{ overflow-x:hidden; overflow-y:auto;}
body{ overflow-x: hidden;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
a{ text-decoration:none; color:#333;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

.xbdBack{ height: 100vh; background: url("images/universe.jpg") center no-repeat; background-size: cover; overflow: hidden;}

.w_1446{ margin: 0 auto; width: 1300px;}
@media screen and (max-width: 1440px){
    .w_1446{ margin: 0 auto; width: 962px;}
}
@media screen and (max-width: 991px){
    .w_1446{ margin: 0 auto; width: 768px;}
}
@media screen and (max-width: 767px){
    .w_1446{ margin: 0 auto; width: 100%;}
}

.c_1446{ float: left; width: 100%; margin-top: 4.29%; position: relative; background: url("images/new1.png") center no-repeat; background-size: 100% 100%; }
@media screen and (max-width: 767px){
    .c_1446{  margin-top: 45%;  }
    .c_1446{ background: url("images/new1_p.png") center no-repeat; background-size: 100% 100%; }
}
.c_1446 .sun{ position: absolute; width: 23.16%; left: 36.99%; top: 26.13%; line-height: 0; }
.c_1446 .star_1{ position: absolute; width:10.78%; left: 13.07%; top: 38.63%; line-height: 0; }
.c_1446  .tit{ position: absolute; width:148%; left: -24%; height: 80.1%; top: -62.8%; /*231 125*/}
.c_1446  .tit .titBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("images/new11.png") center no-repeat; background-size: cover;}
.c_1446  .tit  .titText{ position: absolute; width: 150%; height: 20px; left: -25%; top: 50%; margin-top: -10px; text-align: center; color: #ffd904; font-size: 16px; line-height: 20px; z-index: 20;}
@media screen and (max-width: 767px){
    .c_1446  .tit .titBack{  width: 200%; height: 200%; left: -50%; top: -50%; }
    .c_1446  .tit  .titText{ width: 200%; left: -50%; font-size: 12px; }
}
.c_1446 .light_1 { z-index: 10;
    position: absolute;
    top: 39.2%;
    left: 100%;
    width: 80%;
    height: 22.4%;
    background: url("images/light_2.png"); background-size: cover;
    animation: p4light13_effect 4s both linear infinite;
    -webkit-animation: p4light13_effect 4s both linear infinite
}
@keyframes p4light13_effect {
    0%, 10% {
        left:100%;
        transform: translate(0, 0);
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }
    25%, 50% {
        left:50%;
        transform: translate(-10px, 0);
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
    100%{
        left:-50%;
        transform: translate(-10px, 0);
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }


}
@-webkit-keyframes p4light13_effect {
    0%, 10% {
        left:100%;
        transform: translate(-10px, 0);
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }
    25%, 50% {
        left:50%;
        transform: translate(-10px, 0);
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
    100%{
        left:-50%;
        transform: translate(-10px, 0);
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }
}

.c_1446 .light_5 {
    position: absolute;
    width: 141.99%;
    height: 148%;
    top: -24%;
    margin-bottom: -523px;
    left: -16.88%;
    background: url("images/light_3.png"); background-size: cover;
    transform: scale(.8);
    -webkit-transform: scale(.8)
}
.c_1446 .light_5 {
    animation: p4light5_effect 4s both linear infinite 2s;
    -webkit-animation: p4light5_effect 4s both linear infinite 2s
}

@keyframes p4light5_effect {
    0%, 10% {
        transform: translate(0, 0);
        opacity: 0
    }
    16%, 28% {
        opacity: 1
    }
    22%, 34% {
        opacity: 0
    }
    100%, 50% {
        transform: translate(-10px, 0);
        opacity: 0
    }
}

@-webkit-keyframes p4light5_effect {
    0%, 10% {
        -webkit-transform: translate(0, 0);
        opacity: 0
    }
    16%, 28% {
        opacity: 1
    }
    22%, 34% {
        opacity: 0
    }
    100%, 50% {
        -webkit-transform: translate(-10px, 0);
        opacity: 0
    }
}


.c_1446 .star_2{ position: absolute; width:6.22%; left: 30.63%; top: 48.18%; line-height: 0; }
.c_1446 .star_3{ position: absolute; width:14.1%; left: 26.97%; top: 78.06%; line-height: 0; }
.c_1446 .star_4{ position: absolute; width:11.06%; left: 38.31%; top: 2.15%; line-height: 0; }
.c_1446 .star_5{ position: absolute; width:7.6%; left: 47.57%; top: 67.84%; line-height: 0; }
.c_1446 .star_6{ position: absolute; width:11.06%; left: 63.55%; top: 31.81%; line-height: 0; }
.c_1446 .star_7{ position: absolute; width:13%; left: 83.74%; top: 20.31%; line-height: 0; }
.c_1446 .star_8{ position: absolute; width:11.61%; left: 71.02%; top: 70.79%; line-height: 0; }
@media screen and (max-width: 767px){
    .c_1446 .star_7{ position: absolute; width:13%; left: 75.74%; top: 14.31%; line-height: 0; }
}



.wayTop{ position: fixed; width: 100%; left: 0; top: 0; z-index:8;}
.wayTop .wayMaring{ margin: 0 auto; width: 1180px;}
.wayTop .logo{ float: left; width: 234px; height: 104px; margin: 15px 0 0 -41px;}
@media screen and (max-width:767px){
    .wayTop .logo{ width: 126px; height: 56px; margin: 15px 0 0 0px;}
}

/*底部*/
.homeBottom{ display: none; position: fixed; width:100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.35); z-index: 10; }
.homeBottom .margin{ margin: 0 auto; width: 1180px;}
.homeBottom .botBox{ padding: 18px 0; color: #fff; font-size: 12px; line-height: 24px; text-align: center;}
.homeBottom .botBox a{color: #fff; }
.homeBottom .botBox a:hover{ color: #fff;}
@media screen and (max-width:767px){
    .homeBottom{ display: block;}
    .homeBottom .botBox{ padding: 5px 0; font-size: 12px; line-height: 1.6; }
}

.meteor-list{ height: 0; width: 100%; position: relative;}
.meteor-item {
    width: 156px;
    height: 103px; display:inline-block;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    background: url(images/liux.png) top no-repeat;
    -webkit-animation: meteoFlush 2.4s .12s linear infinite;
    animation: meteoFlush 2.4s .12s linear infinite;
    opacity:0;
}
.meteor-list .item--1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; left:23%;
}
.meteor-list .item--11 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;   left:0;
    position: absolute;
}

.meteor-list .item--2 {

    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s; left:50%;
}

.meteor-list .item--3 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;  left:55%;
}

.meteor-list .item--33 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s; right: -100px;
    position: absolute;
    opacity:0;
}

/*滑动流星*/

@-webkit-keyframes meteoFlush {
    0% {
        opacity:0;
        transform:scale(2) translate(160px, -105px)
    }
    25% {
        opacity:1
    }
    50%, 100% {
        opacity:0;
        transform:scale(0.5) translate(-160px, 105px)
    }
}
@keyframes meteoFlush {
    0% {
        opacity:0;
        transform:scale(2) translate(160px, -105px)
    }
    25% {
        opacity:1
    }
    50%, 100% {
        opacity:0;
        transform:scale(0.5) translate(-160px, 105px)
    }
}


/*第二个首页*/
.top1{ position:fixed; width:100%; height:136px; left:0; top:0; z-index:1010; background-color: #172e3b; }
.top1 .topHead{ float: left; width: 100%; }
.top1 .logo{ float:left; width:254px; height: 120px; margin:7px 0 0 -27px;}
.top1 .logo a,
.top1 .logo a img{ display:block; float:left; width:100%;}


.top1 .phone{ float: left; width: 100%; padding: 30px 0 16px 0; }
.top1 .phone .phoneBox{ float: right; color: #fff; font-size: 20px; line-height: 30px; }
.top1 .phone .phoneBox b{ float: left; width: 20px; height: 20px; line-height: 0; margin: 4px 10px 0 0; }
.top1 .phone .phoneBox .span{ float: left;}
@media screen and (max-width:1199px){
    .top1{ display: none;}
}

.menuRight{ padding-left: 282px;}
.menuBox{ float: left; width: 100%;}
.menu{ float:right;}
.menu ul{ float:left;}
.menu ul .nli{ float:left; position: relative; margin: 0 13px; }
.menu ul .nli:last-child{ margin-right: 0;}
.menu ul .nli span a{ float:left; height:60px;  color:#fff; font-size:14px; line-height:30px; position:relative; }
.menu ul .nli.active span a{ color: #ffd904; }

.menu .sub{ display: none; position: absolute; width: 140px; left: 50%; margin-left: -70px; top: 60px; background-color: rgba(3,29,44,0.8);}
.menu .sub li{ padding: 10px 0; color: #333; font-size: 14px; line-height: 20px;  text-align: center;}
.menu .sub li:hover{ background-color: #ffd904;}
.menu .sub li a{color: #fff;}
.menu .sub li:hover a{ color: #031d2c;}



/*phone版头部*/
.top2{ display:none; position: fixed; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:60px; background:#172e3b; }
.top2.active{
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.top2 .logo{ float:left; width:127px; height:60px; margin:0 0 0 -14px; }
@media screen and (max-width:1199px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{  float:right; margin:10px 0 0 0; cursor: pointer; width: 40px; height: 40px; text-align: center;  }
.menuph .point{ display: inline-block; width: 28px; height: 22px;margin-top: 10px; position: relative;  }
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 28px; }
.menuph .navbtn{ position: absolute; top: 10px; right: 0;display: inline-block; width: 21px; height: 1px;-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
}
.menuph .navbtn::after,
.menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
}
.menuph .navbtn::after{ top: -11px; }
.menuph .navbtn::before{ top: 10px; }
.menuph .point.active .navbtn{ background: transparent; }
.menuph .point.active .navbtn::after{ top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menuph .point.active .navbtn::before { top: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/*手机下拉*/
.xialaph{ position: absolute; top: 60px;
    right: 0;
    width: 45%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #fff;
}
.xialaph .ul1{float:left; width:100%;}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{ display: none; }
.xialaph h4 a{ display: block; float: left; color: #333; font-size: 14px; font-weight: bold; line-height: 50px; }
.xialaph h4{ position: relative; }
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f1f1f1;/*opacity: 0.1;*/ }
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #f1f1f1; /*opacity: 0.1;*/ }
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}
.xialaph h5{float: left; width: 100%; padding-left: 15px; border-bottom: #f1f1f1 solid 1px; }
.xialaph h5 a{ display: block; float: left; color: #333; font-size: 14px; line-height: 40px; }
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #f6f6f6; /*opacity: 0.05;*/ }
.xialaph li:last-child h5::after{ display: none; }
.xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 22px; cursor: pointer; }
.xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 17px; margin-right: 18px; cursor: pointer; }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{ display: none; }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{ display: block; }
.xialaph .ul2{ }
.xialaph .ul3{ float: left; width: 100%; padding-left: 30px; position: relative; }

.xialaph li:last-child .ul3::after{ display: none; }
.xialaph .ul3 li a{ color: #666; font-size: 14px; line-height: 35px; display: block; }
.xialaph .ul3 li{ border-top:#f1f1f1 solid 1px;  }
.xialaph .ul3 li:first-child{ padding-top: 0; }
.xialaph .language{ text-align: center; padding: 15px 0 0 0;}
.xialaph .language a{ display: inline-block; color: #333; font-size: 14px; line-height: 30px; padding: 0 10px; margin: 0 2px; }
.xialaph .language a.hover{ color: #fff; background: #eec47c;}
.xialaph .searchPBox{ padding: 0 10px;}
.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ebebeb solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 8px 0 0; line-height: 0;}
.xialaph .searchP .searchLeft{ padding: 0 30px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}

.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}


/*banner*/
.pz_banner{ float:left; width:100%; overflow:hidden; position: relative; line-height: 0; margin-top: 136px; background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pz_banner.home{min-height: 486px;}
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.active{ margin-top: 60px;}
    .pz_banner.home{min-height: 390px;}
}
@media screen and (max-width:991px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.home{ min-height: 370px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 150px;}
}

.bannerBox{ line-height: 0; }
.bannerBox li{ position: relative;}
.bannerBox .owl-dots{ position: absolute; left: 0; width: 100%; bottom: 40px; text-align: center; line-height: 0;}
.bannerBox .owl-dots .owl-dot{ display: inline-block; vertical-align: top; width: 18px; height: 18px;  margin: 0 8px; border: #fff solid 2px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.bannerBox .owl-dots .owl-dot span{ display: none; float: left; width: 8px; height: 8px; margin:3px; background-color: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.bannerBox .owl-dots .owl-dot.active span{ display: block;}
@media screen and (max-width:767px){
    .bannerBox .owl-dots{ bottom: 4.52%; }
    .bannerBox .owl-dots .owl-dot{ width: 12px; height: 12px; margin: 0 5px; border: #fff solid 1px;  }
    .bannerBox .owl-dots .owl-dot span{ width: 6px; height: 6px; margin:2px; }
}


/*main*/
.mainBox{float:left; width:100%; background: #fff; overflow-y: hidden;}
.mainAbout{ padding: 6.779% 0; }
.mainAboutSlide{ float: right; width: 480px; height: 360px; position: relative;}
.mainAboutSlide ul{ float: left; width: 100%; }
.mainAboutSlide ul li{}
.mainAboutSlide ul li a{ float: left; width: 100%; line-height: 0; overflow: hidden; }
.mainAboutSlide ul li a img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.mainAboutSlide ul li a:hover img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.mainAboutSlide .owl-dots{ position: absolute; width: 100%; left: 0; bottom: 20px; padding: 0 12px; text-align: right; line-height: 0;}
.mainAboutSlide .owl-dots .owl-dot{ display: inline-block; vertical-align: top; width: 10px; height: 10px; background-color: #fff; margin: 0 8px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.mainAboutSlide .owl-dots .owl-dot.active{ background-color: #031d2c; }
.mainAboutSlide .thisMore{ position: absolute; left: 0; bottom: 0; padding: 0 15px 0 40px; height: 50px; background-color: #031d2c; z-index: 2; }
.mainAboutSlide .thisMore .more{ float: left; color: #fff; font-size: 14px; text-transform: uppercase; line-height: 50px; padding-right: 104px;  }
.mainAboutSlide .thisMore b{ float: right; margin: 20px 0 0 0; border-left: #fff solid 1px; padding: 0 15px 0 15px; line-height: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.mainAboutSlide .thisMore:hover b{ padding: 0 10px 0 20px;}
.mainAboutSlide .thisMore b img{ width: 11px; height: 7px; vertical-align: top; }
@media screen and (max-width:1199px){
    .mainAboutSlide{ width: 392px; height: 295px; }
    .mainAboutSlide .owl-dots{ bottom: 16px; }
    .mainAboutSlide .thisMore{ padding: 0 13px 0 24px; height: 42px; }
    .mainAboutSlide .thisMore .more{ line-height: 42px; padding-right: 81px;  }
    .mainAboutSlide .thisMore b{ margin: 18px 0 0 0;  padding: 0 12px 0 12px; }
    .mainAboutSlide .thisMore:hover b{ padding: 0 7px 0 17px;}
}
@media screen and (max-width:767px){
    .mainAboutSlide{ float: left; width: 100%; height: auto; }
}



.mainAboutLeft{ padding-right: 550px;}
.mainAboutLeft .aboutTitle{ float: left; width: 320px; height: 120px; background: url("images/main4.png") right top no-repeat;  }
.mainAboutLeft .aboutTitle h2{ padding: 24px 0 4px 0; color: #031d2c; font-size: 40px; line-height: 45px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; }
.mainAboutLeft .aboutTitle h5{color: #031d2c; font-size: 15px; font-weight: bold; line-height: 20px; }
.mainAboutLeft  .aboutP{ float: left; width: 100%; height: 120px; margin-top: 31px; color: #666666; font-size: 14px; line-height: 30px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.mainAboutLeft  .aboutMore{ float: left; width: 100%; margin-top: 31px;}
.mainAboutLeft  .aboutMore .aboutLink{ float: left; padding: 0 40px; background: #031d2c; color: #fff; font-size: 14px; line-height: 36px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.mainAboutLeft  .aboutMore .aboutLink:hover{ background-color: #ffd904; color: #031d2c; }
@media screen and (max-width:1199px){
    .mainAboutLeft{ padding-right: 449px;}
    .mainAboutLeft .aboutTitle{ width: 261px; height: 99px; background: url("images/main4.png") right top no-repeat; background-size: auto 100%;  }
    .mainAboutLeft .aboutTitle h2{ padding: 20px 0 3px 0; font-size: 32px; line-height: 38px; letter-spacing: 6px; }
    .mainAboutLeft .aboutTitle h5{font-size: 14px;  line-height: 17px; }
    .mainAboutLeft  .aboutP{ height: 100px; margin-top: 25px; line-height: 25px; }
}
@media screen and (max-width:767px){
    .mainAboutLeft{  float: left; width: 100%; padding-right:0; padding-top: 5%; }
    .mainAboutLeft .aboutTitle{ width: 209px; height: 79px; }
    .mainAboutLeft .aboutTitle h2{ padding: 17px 0 1px 0; font-size: 26px; line-height: 30px; letter-spacing: 0; }
    .mainAboutLeft .aboutTitle h5{ font-size: 13px; line-height: 15px; }
    .mainAboutLeft  .aboutP{ margin-top: 20px; }
    .mainAboutLeft  .aboutMore{ margin-top: 20px;}
    .mainAboutLeft  .aboutMore .aboutLink{ padding: 0 24px; line-height: 32px;
        border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        -o-border-radius:6px;
    }

}


/*首页产品与服务*/
.mainProBack{ background: url("images/main5.jpg") repeat;}
.mainPro{ padding: 6.1% 0 6.779% 0; }
.mainProTitle{ text-align: center; color: #031d2c; font-size: 24px; line-height:1.66; font-weight: bold; }
@media screen and (max-width:1199px){
    .mainProTitle{ font-size: 20px; }
}
@media screen and (max-width:991px){
    .mainProTitle{ font-size: 18px; }
}

.mainProDown{ margin-left: -35px; margin-right: -35px; }/* padding-bottom: 5.08%;*/
.mainProDown .owl-stage-outer{ padding-top: 4.4%; }
.mainProDown ul{ float: left; width: 100%;}
.mainProDown ul li{}
.mainProDown ul li .proIco{ width: 71.42%; margin: 0 auto; border: #101010 solid 2px; background-color: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-box-shadow: 0 0 38px rgba(0,0,0,0.16);
    -moz-box-shadow: 0 0 38px rgba(0,0,0,0.16);
    -o-box-shadow: 0 0 38px rgba(0,0,0,0.16);
    box-shadow: 0 0 38px rgba(0,0,0,0.16);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.mainProDown ul li:hover .proIco{background-color: #031d2c;  }
.mainProDown ul li .proIco .icoDiv{ line-height: 0; overflow: hidden;}
.mainProDown ul li .proIco .icoDiv .imgs{}
.mainProDown ul li .proIco .icoDiv .imgd{ display: none;}
.mainProDown ul li:hover .proIco .icoDiv .imgs{ display: none;}
.mainProDown ul li:hover .proIco .icoDiv .imgd{ display: block;}
.mainProDown ul li h4{ padding-top: 15.07%; color: #333333; font-size: 16px; line-height: 20px; text-align: center; }
.mainProDown ul li:hover h4{ color: #101010;}
@media screen and (max-width:1199px){
    .mainProDown{ margin-left: -28px; margin-right: -28px; }
    .mainProDown ul li h4{ font-size: 14px; }
}
@media screen and (max-width:991px){
    .mainProDown{ margin-left: -22px; margin-right: -22px; }
}
@media screen and (max-width:767px){
    .mainProDown{ margin-left: 0; margin-right: 0; }
    .mainProDown ul li h4{ line-height: 16px; }
}

.mainProMore{ text-align: center; line-height: 0;}
.mainProMore .moreA{ display: inline-block; vertical-align: top; padding: 0 39px; border: #031d2c solid 1px; background-color: #fff; color: #031d2c; font-size: 14px; line-height: 34px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.mainProMore .moreA:hover{ background-color: #031d2c; color: #fff;}

@media screen and (max-width:767px){
    .mainProMore .moreA{ padding: 0 24px;  line-height: 32px;
        border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        -o-border-radius:6px;
    }
}



/*首页新闻*/
.mainNew{ padding: 6.1% 0 3% 0; }
.mainNewDown{ padding-top: 4.32%; }
.solution_top{ text-align: center; line-height: 0;}
.solution_top ul{ float: left; width: 100%; text-align: center;  }
.solution_top .lc1{ display: inline-block; vertical-align: top; margin: 0 15px; padding: 0 30px; background-color: #fff; border: #031d2c solid 1px;
    color: #031d2c; font-size: 14px; text-transform: uppercase; line-height: 33px; cursor: pointer;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}

.solution_top .lc1 .cT{}
.solution_top .lc1.on{ background-color: #031d2c; color: #fff;}
.solution_top .lc1.on a{color:#fff;}
@media screen and (max-width:767px){
    .solution_top .lc1{ width:30.3333%; margin: 0 1%; padding: 0; text-align: center;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -o-border-radius:4px;
    }


}


.solution_down{ padding-top: 3.38%;}/* padding-bottom: 5.08%; */
.slideBox{ margin:0 -10px; }
.slideBox ul{ display: block !important;}
.slideBox ul li{ float: left; width: 50%; padding: 20px 10px 0 10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.slideBox ul li a{ float: left; width: 100%; padding: 7.93% 10% 7.41% 10%; position: relative; border: #cccccc solid 1px; border-bottom: 0; }
.slideBox ul li a:hover{ border-color: #f3f3f3; background-color: #f3f3f3; }
.slideBox ul li a .newTime{ color: #999999; font-size: 26px; line-height: 27px; font-family: Arial;}
.slideBox ul li a h3{ padding: 4.76% 0 5.19% 0; color: #333333; font-size: 16px; line-height: 27px; }
.slideBox ul li a .newP{ height: 90px; color: #999999; font-size: 14px; line-height: 30px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.slideBox ul li .newLine{ float: left; width: 100%; border-top: #fff solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px;   height: 2px; background-color: #cccccc; line-height: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox ul li:hover .newLine{ border-top-color: #0f2836; border-left-color: #0f2836; border-right-color: #0f2836; background-color: #0f2836; }
@media screen and (max-width:991px){
    .slideBox ul li a .newTime{ font-size: 20px; line-height: 22px; }
}
@media screen and (max-width:767px){
    .slideBox{ margin:0 -7px; }
    .slideBox ul li{ float: left; width: 100%; padding: 7px 7px 0 7px;  }
    .slideBox ul li a{ padding:6%; }
    .slideBox ul li a .newP{ height: 60px; line-height: 20px; }
}


/*首页联系*/
.mainContact{}
.mainMap{}
#bdmap_1{ float: left; width:100%; height:260px;}
#bdmap_1 .BMap_pop{ float:right; background-image:url(images/ico4_2.png); background-repeat:no-repeat; border:none !important; width:352px !important; border:0 !important; height:85px; margin:70px 0 0 170px;}
#bdmap_1 .BMap_pop .BMap_top,#bdmap_1 .BMap_pop .BMap_center,#bdmap_1 .BMap_pop .BMap_bottom,#bdmap_1 .BMap_pop div:nth-child(9n){ width:86% !important;}
#bdmap_1 .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}
#bdmap_1 .BMap_pop div img{display:none;}
#bdmap_1 .iw_poi_content{ font-size: 14px; color: #444; line-height: 22px; padding-left:16px; padding-top:5px;}
#bdmap_1 .BMap_shadow{ width:100%; float: left; display: none !important;}
#bdmap_1 .BMapLabel{ display: none !important;}
@media  screen and (max-width:767px){
    #bdmap_1 .BMap_pop{ background-size:contain; width:280px !important; height:69px; margin:20px 0 0 0; background:#fff;}
    #bdmap_1 .iw_poi_content{ font-size: 12px; line-height: 20px; padding-top:0px; padding-left:0px;}
}


.mainContactDown{ background-color: #f2f2f2; }
.mainTel{ padding: 3.98% 0 4.32% 0; }
.mainTel .telLeft{ float: left; width: 46.69%; }
.mainTel h5{ float: left; width: 100%; color: #031d2c; font-size: 18px; font-weight: bold; line-height: 24px;}
.mainTel .email{ float: left; width: 100%; padding-top: 32px; }
.mainTel .email .ewwm{ float: right; width: 120px; text-align: center; }
.mainTel .email .ewwm .mPic{ line-height: 0;}
.mainTel .email .ewwm .mTit{ display: inline-block; vertical-align: top; background-color: #031d2c; color: #fff; font-size: 12px; line-height: 26px;  margin-top: 25px; padding: 0 27px;
    border-radius:13px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    -o-border-radius:13px;
}
.mainTel .email .emLeft{ float: left; width: 415px; }
.mainTel .emLeft .phoneLine{ float: left; width: 100%; color: #333333; font-size: 14px; line-height: 20px;}
.mainTel .emLeft .phoneLine b{ float: left; width: 20px; height: 20px; line-height: 0; margin-top: 5px;}
.mainTel .emLeft .phoneLine .linePad{ padding-left: 32px; padding-top: 5px; padding-bottom: 5px;}
@media  screen and (max-width:1199px){
    .mainTel .email .ewwm{ width: 102px;}
    .mainTel .email .emLeft{ width: 340px; }
}
@media  screen and (max-width:991px){
    .mainTel .telLeft{ width: 100%; }
    .mainTel .email .emLeft{ width: 590px; }
}
@media  screen and (max-width:767px){
    .mainTel h5{ font-size: 16px; }
    .mainTel .email{ padding-top: 5%; }
    .mainTel .email .emLeft{ width: 100%; }
    .mainTel .email .ewwm{ float: left; width: 214px; margin-top: 2.5%; margin-left: 32px; }
    .mainTel .email .ewwm .mPic{ float: left; width: 102px;}
    .mainTel .email .ewwm .mTit{ float: left; margin-top: 76px; margin-left: 10px; }
}

.mainTelNow{ float: right; width: 49.15%;}
.mainTelNow .nowDown{ float: left; width: 100%; padding-top: 7px; }
.mainTelNow .nowLine{ margin: 0 -10px; }
.mainTelNow .nowWid_1{ float: left; width: 50%; padding: 20px 10px 0 10px;}
.mainTelNow .nowInput{ float: left; width: 100%; height: 35px; border: #cccccc solid 1px; padding: 0 20px; color: #333;
    outline:none;
    -webkit-appearance: none;
    border-radius: 0;
}
.mainTelNow .nowInput:focus{ border-color: #031d2c;}
.mainTelNow .nowLine_2{ }
.mainTelNow .nowWid_2{ float: left; width: 100%; padding: 20px 0 0 0;}
.mainTelNow .nowArea{ float: left; width: 100%; height: 80px; border: #cccccc solid 1px; padding: 5px 20px; color: #333; line-height: 24px;
    outline:none;
    -webkit-appearance: none;
    border-radius: 0;
}
.mainTelNow .nowArea:focus{ border-color: #031d2c;}
.mainTelNow .nowBtn{ float: left; width: 100%; height: 30px; background-color: #031d2c; border: 0; padding:0; color: #fff; line-height: 30px; text-align: center;
    outline:none;
    -webkit-appearance: none;
    border-radius: 0;
}
.mainTelNow .nowBtn:hover,
.mainTelNow .nowBtn:focus{ background-color: #031a28; }
@media  screen and (max-width:991px){
    .mainTelNow{ float: left; width: 100%; margin-top: 5.5%; }
    .mainTelNow .nowWid_1{ padding: 13px 10px 0 10px;}
    .mainTelNow .nowInput{  padding: 0 10px; }
    .mainTelNow .nowWid_2{ padding: 13px 0 0 0;}
    .mainTelNow .nowArea{ padding: 5px 10px; }
}


/*down*/
.pz_down{ float: left; width: 100%; background-color: #031d2c; }
.copyright{ text-align: center; color: #fff; font-size: 14px; line-height: 24px; padding: 16px 0;}
.copyright a{color: #fff;}
.copyright a:hover{ text-decoration: underline;}
.copyright .span{}
@media  screen and (max-width:767px){
    .copyright{ font-size: 12px; }
    .copyright .span{ display: block; }
}



/*资讯中心*/
.industryBan{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -90px; color: #fff; text-align: center; }
.industryBan h1{ font-size: 30px; font-weight: bold; line-height: 1;}
.industryBan .banLine{ text-align: center; line-height: 0; margin-top: 25px;}
.industryBan .banLine span{ display: inline-block; vertical-align: top; width: 45px; height: 3px; background-color: #fff;}
.industryBan .banWe{ padding-top: 42px; font-size: 20px; line-height: 24px; font-weight: bold;}
.industryBan .banTel{ text-align: center; line-height: 0; margin-top: 23px;}
.industryBan .banTel b{ display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 0; margin: 6px 14px 0 0; }
.industryBan .banTel span{ display: inline-block; vertical-align: top; font-size: 40px; font-weight: bold; line-height: 40px;}
@media  screen and (max-width:1199px){
    .industryBan{ margin-top: -76px; }
    .industryBan h1{ font-size: 24px; }
    .industryBan .banLine{ margin-top: 19px;}
    .industryBan .banWe{ padding-top: 34px; font-size: 16px; line-height: 21px; }
    .industryBan .banTel{ margin-top: 18px;}
    .industryBan .banTel b{ width: 24px; height: 24px;  margin: 4px 14px 0 0; }
    .industryBan .banTel span{ font-size: 32px;  line-height: 32px;}
}
@media  screen and (max-width:767px){
    .industryBan{ margin-top: -44px; }
    .industryBan h1{ font-size: 19px; }
    .industryBan .banLine{ margin-top: 10px;}
    .industryBan .banLine span{ width: 30px; height: 2px; }
    .industryBan .banWe{ padding-top: 5px; font-size: 14px; line-height: 18px; }
    .industryBan .banTel{ margin-top: 3px;}
    .industryBan .banTel span{ font-size: 26px; }
}


.industryBread{ background-color: #eeeeee; }
.industryBread .breadMenu{ padding: 0 0 12px 0;}
.pz_SideLayer{ float:left; }
.pz_SideLayer .l1{ float:left; margin-right: 30px;}
.pz_SideLayer .l1 a{ float:left; padding: 0 31px; margin-top: 12px; border: #031d2c solid 1px;  color:#031d2c; font-size: 14px; line-height: 33px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ background-color: #031d2c; color: #fff;}
.bread{ float: right; padding: 0 0 0 20px; margin-top: 12px; background: url("images/industry2.png") left center no-repeat; color: #666666; font-size: 14px; line-height: 35px;}
.bread a{ margin: 0 12px;  color: #666666; }
.bread a:hover,
.bread a.hover{ color: #031d2c; }
@media  screen and (max-width:1199px){
    .industryBread .breadMenu{ padding: 0 0 10px 0;}
    .pz_SideLayer .l1{ margin-right: 20px;}
    .pz_SideLayer .l1 a{ padding: 0 24px; margin-top: 10px; line-height: 28px; }
    .bread{ margin-top: 10px; line-height: 30px;}
}
@media  screen and (max-width:991px){
    .industryBread{ display: none; }
}

.industryBox{ padding-top: 5.084%; }
.industrySlide{ background-color: #f6f6f6; position: relative; }
.industrySlide ul li .induPic{ float: left; width: 480px; height: 360px; line-height: 0; overflow: hidden;}
.industrySlide ul li .induPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.industrySlide ul li:hover .induPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.industrySlide ul li .inRight{ padding-left: 524px; padding-right: 40px;}
.industrySlide ul li .inRight .induTime{ float: left; width: 100%; padding:37px 0 9px 0; }
.industrySlide ul li .inRight .induTime .big{ float: left; color: #c2c2c2; font-size: 72px; font-weight: bold; line-height: 81px;}
.industrySlide ul li .inRight .induTime .small{ float: left; padding: 48px 0 0 18px; color: #4d4d4d; font-size: 24px; line-height: 1; }
.industrySlide ul li .inRight h3{ float: left; width: 100%; color: #333333; font-size: 18px; line-height: 30px; }
.industrySlide ul li:hover .inRight h3{ color: #031d2c;}
.industrySlide ul li .inRight p{ float: left; width: 100%; height: 64px; margin-top: 16px;color: #666666; font-size: 16px; line-height: 32px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.industrySlide ul li .inRight .more{ float: left; width: 100%; margin-top: 35px; border-top: #cccccc dashed 1px; padding-top: 20px;}
.industrySlide ul li .inRight .more span{ float: left; color: #666666; font-size: 16px; line-height: 24px;}
.industrySlide ul li .inRight .more span b{ float: right; width: 16px; height: 10px; line-height: 0; margin: 7px 0 0 11px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.industrySlide ul li:hover .inRight .more span b{ margin: 7px 0 0 20px;}
.industrySlide .owl-dots{ position: absolute; width: 100%; bottom: 51px; padding: 0 42px; text-align: right; line-height: 0; }
.industrySlide .owl-dots .owl-dot{ display: inline-block; vertical-align: top; width: 11px; height: 11px; border: #031d2c solid 1px; margin: 0 5px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.industrySlide .owl-dots .owl-dot.active{ background-color: #031d2c; }
@media  screen and (max-width:1199px){
    .industrySlide ul li .induPic{ width: 392px; height: 295px;}
    .industrySlide ul li .inRight{ padding-left: 424px; padding-right: 32px;}
    .industrySlide ul li .inRight .induTime{ padding:31px 0 7px 0; }
    .industrySlide ul li .inRight .induTime .big{ font-size: 59px; line-height: 68px;}
    .industrySlide ul li .inRight .induTime .small{ padding: 36px 0 0 10px; font-size: 20px; }
    .industrySlide ul li .inRight h3{ font-size: 16px; line-height: 26px; }
    .industrySlide ul li .inRight p{ height: 52px; margin-top: 12px; font-size: 14px; line-height: 26px; }
    .industrySlide ul li .inRight .more{ margin-top: 28px; padding-top: 15px;}
    .industrySlide .owl-dots{ bottom: 40px; padding: 0 32px; }
}
@media  screen and (max-width:767px){
    .industrySlide ul li .induPic{ width: 100%; height: auto; }
    .industrySlide ul li .inRight{ float: left; width: 100%; padding: 0 12px 10px 12px;}
    .industrySlide ul li .inRight .induTime{ padding:15px 0 4px 0; }
    .industrySlide ul li .inRight .induTime .big{ font-size: 46px; line-height: 54px;}
    .industrySlide ul li .inRight .induTime .small{ padding: 29px 0 0 10px; font-size: 16px; }
    .industrySlide ul li .inRight p{ margin-top: 6px; height: 42px; line-height: 21px; }
    .industrySlide ul li .inRight .more{ margin-top: 15px; padding-top: 15px;}
    .industrySlide ul li .inRight .more span{ font-size: 14px; }
    .industrySlide .owl-dots{ position: static; bottom: auto; padding: 0 12px 20px 12px; text-align: center; }
}


.industryDown{}
.industryDown ul{ float: left; width: 100%; min-height: 500px; }
.industryDown ul li{ margin-top: 20px; background-color: #f7f7f7; padding: 20px 0; }
.industryDown ul li .zuoTime{ float: left; width: 183px; height: 116px; border-right: #e0e0e0 solid 1px; text-align: center; }
.industryDown ul li .zuoTime .big{ color: #c2c2c2; font-size: 72px; font-weight: bold; line-height: 81px;}
.industryDown ul li .zuoTime .small{ color: #4c4c4c; font-size: 20px; line-height: 1; }
.industryDown .youPad{ padding: 0 50px 0 230px;}
.industryDown .youPad h3{ float: left; width: 100%; padding: 10px 0 13px 0; color: #333333; font-size: 18px; line-height: 30px; }
.industryDown ul li:hover .youPad h3{ color: #ffd904;}
.industryDown .youPad p{ float: left; width: 100%; height: 52px; color: #666666; font-size: 14px; line-height: 26px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media  screen and (max-width:1199px){
    .industryDown ul li .zuoTime .big{ font-size: 58px; }
    .industryDown ul li .zuoTime .small{ font-size: 16px; }
}
@media  screen and (max-width:767px){
    .industryDown ul li{ margin-top: 15px;  padding: 8px 0 15px 0 ; }
    .industryDown ul li .zuoTime{ width: 100%; height: auto; border-right: 0; text-align: left; padding: 0 12px;  }
    .industryDown ul li .zuoTime .big{ float: left; font-size: 46px; line-height: 54px;}
    .industryDown ul li .zuoTime .small{ float: left; font-size: 16px; padding: 29px 0 0 10px; }
    .industryDown .youPad{ float: left; width: 100%; padding: 0 12px 0 12px;}
    .industryDown .youPad h3{ float: left; width: 100%; padding: 0 0 6px 0; font-size: 16px; line-height: 26px; }
    .industryDown .youPad p{ height: 42px; line-height: 21px; }
}



/*详情页*/
.newInner{ float:left; width:100%;}
.newTitle{ float:left; width:100%;}
.newTitle .newTit{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height: 1.25; border-bottom:1px solid #d7d8d8; padding:4.83% 0 2.28% 0;}
.newTitle .newSub{ float:left; width:100%; height:53px; padding: 10px 0; border-bottom:1px solid #d7d8d8;}
.newTitle .newSub .newSub_1{ float:left; color:#777777; font-size:14px; line-height:33px;}
.newTitle .newSub .newSub_2{ float:right; color:#777777; font-size:14px; line-height:33px;  }
.newTitle .newSub .newSub_2 b{ float: right; width: 34px; height: 34px; line-height: 0; margin: 0 0 0 12px;}
.newTitle .newSub .newSub_2 a{ color:#777777;}
.newTitle .newSub .newSub_2 a:hover{ color: #ffd904;}
.newTitle .newSub .newSub_2 img{ width: 38px;}
.moveIn{ float:left; width:100%; padding: 3.2% 0 3.4% 0; color:#333333; font-size:14px; line-height:36px;  }
.newShare{ float:left; width:100%; padding: 0 0 3.24% 0; text-align: center; border-bottom:1px solid #d7d8d8; }
.newShare .shareCenter{ width:156px; margin:0 auto;}
@media  screen and (max-width:1339px){
    .newInner{ padding: 0;}
    .newTitle .newTit{ font-size:24px; }
    .moveIn{ font-size:14px; line-height:28px;  }
}
@media  screen and (max-width:767px){
    .newTitle .newTit{  font-size:18px; padding: 25px 0;}
    .newTitle .newSub{ height:auto; text-align: center;}
    .newTitle .newSub .newSub_1{ float:left; width: 100%; padding: 5px 0 0 0; line-height: 24px; text-align: center;}
    .newTitle .newSub .newSub_2{ float:left; width: 100%; text-align: center; background: 0;}
    .moveIn{ padding: 20px 0;  }
    .newTitle .newSub .newSub_2 b{ float: none; width: 28px; height: 25px; display: inline-block;}
    .newTitle .newSub .newSub_2 img{ width: 28px;}
    .moveIn{ line-height:26px; }
}
.newMoreList{ float:left; width:100%; padding: 3% 0 4.18% 0;}
.newMoreList .newMoreTit{ color:#031d2c; font-size:18px; line-height:24px;}
.newMoreList .newDownBox{ margin: 0 -15px; padding: 22px 0 0 0;}
.newMoreList .newDownBox ul{}
.newMoreList .newDownBox ul li{ float:left; width:50%; padding: 0 15px;}
.newMoreList .newDownBox ul li a{ float:left; width:100%; border-bottom:1px solid #d7d8d8; color:#333333; font-size:14px; line-height:36px; overflow:hidden;text-overflow:ellipsis;}
.newMoreList .newDownBox ul li a.noLine{ border-bottom: 0;}
.newMoreList .newDownBox ul li a:hover{color:#ffd904;}
.newMoreList .newDownBox ul li span{ float:left; width: 70%;}
.newMoreList .newDownBox ul li b{float:right; color:#777777; font-size:14px; line-height:38px; font-weight: normal;}
@media  screen and (max-width:991px){
    .newMoreList .newDownBox{  padding:23px 0 30px 0;}
}
@media  screen and (max-width:767px){
    .newMoreList{ padding: 5% 0 4.18% 0;}
    .newShare{  margin:15px 0 0 0;  }
    .newMoreList .newDownBox{  padding:10px 0 10px 0;}
    .newMoreList .newDownBox ul li{ float:left; width:100%; padding: 0 15px;}
    .newMoreList .newDownBox ul li a.noLine{ border-bottom:1px solid #d7d8d8;}
}

.newPage{ float: left; width: 100%;  }
.newPage .pageLeft{ float: left; width: 50%; color: #666666; font-size: 14px; line-height: 20px;}
.newPage .pageLeft:hover{ color: #ffd904;}
.newPage .left{ padding: 20px 0 20px 0; text-transform: uppercase;  }
.newPage .right{ padding: 20px 0 20px 0; text-align: right; text-transform: uppercase;}
@media  screen and (max-width:767px){
    .newPage{ padding: 10px 0; }
    .newPage .pageLeft{ width: 100%; font-size: 14px; }
    .newPage .left{ padding: 5px 0 5px 0; text-transform: uppercase;  border-right:0; }
    .newPage .right{ padding: 5px 0 5px 0; text-align: left; }
}



/*搜索页面3*/
.searchPage{}
.searchTop{ padding: 5.08% 16.94%;}
.searchTop .searchBtn{ float: right; width: 140px; height: 50px; background-color: #031d2c; color: #fff; font-size: 18px; line-height: 50px; text-align: center;
    border: 0; outline: 0; -webkit-appearance: none; border-radius: 0;
}
.searchTop .searchPad{ padding-right: 140px;}
.searchTop .select{ float: left; width: 20%; height: 50px; border: #cccccc solid 1px; border-right: 0; color: #333; font-size: 16px;
    outline: 0; border-radius: 0;}
.searchTop .searchInput{ float: left; width: 80%; height: 50px; border: #cccccc solid 1px; border-right: 0; padding: 0 30px; color: #333; font-size: 16px;
    outline: 0; -webkit-appearance: none; border-radius: 0;
}
.searchTop .searchInput:focus{ border-color: #031d2c; }
.inco1 ::-webkit-input-placeholder { color:#bababa !important;}
.inco1 :-moz-placeholder {  color:#bababa !important;}
.inco1 ::-moz-placeholder {  color:#bababa !important;}
.inco1 :-ms-input-placeholder { color:#bababa !important; }
@media  screen and (max-width:991px){
    .searchTop{ padding: 5.08% 0;}
}
@media  screen and (max-width:767px){
    .searchTop .searchBtn{ width: 120px; height: 40px; font-size: 16px; line-height: 40px; }
    .searchTop .searchPad{ padding-right: 120px;}
      .searchTop .select{ width: 30%;  height: 40px;font-size: 14px; }
    .searchTop .searchInput{ width: 70%; height: 40px; padding: 0 15px; font-size: 14px; }
   
}

.searchDown{}
.imtable{ border: #dddddd solid 1px;}
.imtable thead tr{ background-color: #031d2c;}
.imtable thead tr td{ color: #fff; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center; position: relative; }
.imtable thead tr td::after{ content: ''; position: absolute; width: 1px; height: 10px; background-color: #ffffff; right: 0; top: 50%; margin-top: -5px;}
.imtable thead tr td:last-child::after{ display: none;}
.imtable thead tr .td_1{ width: 12.96%;}
.imtable thead tr .td_2{ width: 26.44%;}
.imtable thead tr .td_3{ width: 17.96%;}
.imtable thead tr .td_4{ width: 17.96%;}

.imtable tbody td{ border: #dddddd solid 1px; padding: 12px 5px; color: #333333; font-size: 14px; line-height: 25px; text-align: center;}
.imtable tbody tr:nth-child(2n){ background-color: #f6f6f6; }
@media  screen and (max-width:767px){
    .searchDown li{ margin-top: 12px;}
    .searchDown li:first-child{ margin-top: 0; }
    .imtable tbody td{ padding: 10px 5px; line-height: 18px; }
    .imtable tbody .td_title{ width: 40%; background-color: #031d2c; color: #fff;}
}

.searchDownText{ padding: 19px 0 6.27% 0; color: #666666; font-size: 14px; line-height: 22px;}
.searchDownText .zhu{ color: #333; font-size: 16px;}



/*模板页面4*/
.processOut{ overflow: hidden; }
.temProcess{ padding: 6.1% 0 6.77% 0; }
.temProcessDown{ margin-top: 4.15%; position: relative; background: url("images/tem1.jpg") 0 45px repeat-x; }
.temProcessDown .before{ content: ''; position: absolute; width: 1200px; height: 1px; right: 100%; top: 45px; background: url("images/tem1.jpg") repeat-x;}
.temProcessDown .after{ content: ''; position: absolute; width: 1200px; height: 1px; left: 100%; top: 45px; background: url("images/tem1.jpg") repeat-x;}
.temProcessDown ul{ float: left; width: 100%;}
.temProcessDown ul li{ padding: 0 33px; text-align: center;}
.temProcessDown ul li .processTit{ float: left; width: 100%; color: #031d2c; font-size: 14px; line-height: 18px; text-align: center;}
.temProcessDown ul li .processCricle{ margin-top: 17px; margin-bottom: 17px; display: inline-block; vertical-align: top; width: 21px; height: 21px; border: #031d2c solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.temProcessDown ul li .processCricle span{ float: left; width: 15px; height: 15px; margin: 2px; background-color: #031d2c; color: #fff; font-size: 12px; line-height: 15px; text-align: center;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.temProcessDown ul li .processIco{ float: left; width: 100%; background-color: #031d2c; line-height: 0;
    border-radius:11px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    -o-border-radius:11px;
}
.temProcessDown ul li .processIco img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.temProcessDown ul li:hover .processIco img{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
@media  screen and (max-width:767px){
    .temProcessDown ul li{ padding: 0 12px; }
}

.mainProcessTitle{ text-align: center; color: #fff; font-size: 24px; line-height:1.66; font-weight: bold; }
@media screen and (max-width:1199px){
    .mainProcessTitle{ font-size: 20px; }
}
@media screen and (max-width:991px){
    .mainProcessTitle{ font-size: 18px; }
}


/*material*/
.materialBack{ background: url("images/tem9.jpg") center no-repeat; background-size: cover; }
.materialBox{ padding: 6.1% 0 6.01% 0; }
.materialBoxDown{ padding-top: 4.4%; margin: 0 -10px;}
.materialBoxDown ul{ float: left; width: 100%; }
.materialBoxDown ul li{ padding: 0 10px; text-align: center; }
.materialBoxDown ul li .materCricle{ display: inline-block; vertical-align: top; width: 40px; height: 40px; background-color: #fff; color: #031d2c; font-size: 25px; line-height: 40px; text-align: center;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.materialBoxDown ul li:hover .materCricle{ background-color: #031d2c; color: #fff;}
.materialBoxDown ul li .materLineTop{ text-align: center; line-height: 0; padding-top: 18px;}
.materialBoxDown ul li .materLineTop span{ display: inline-block; vertical-align: top; width: 1px; height: 14px; background-color: rgba(255,255,255,0.5);}
.materialBoxDown ul li .materBorder{ float: left; width: 100%; border: rgba(255,255,255,0.5) solid 1px; padding: 0 }
.materialBoxDown ul li .materBorder .borderLine{ text-align: center; line-height: 0;}
.materialBoxDown ul li .materBorder .borderLine span{display: inline-block; vertical-align: top; width: 1px; height: 5px; background-color: rgba(255,255,255,0.5);}
.materialBoxDown ul li .materBorder .tabe{ padding: 24px 26px;}
.materialBoxDown ul li .materBorder .tabe .tabeBox{ height: 96px;  display: table-cell; text-align: center; color: #fff; font-size: 14px; line-height: 24px; vertical-align: middle; }
@media screen and (max-width:767px){
    .materialBoxDown{ margin: 0 -6px;}
    .materialBoxDown ul li{ padding: 0 6px; }
    .materialBoxDown ul li .materLineTop{ padding-top: 10px;}
    .materialBoxDown ul li .materCricle{ width: 30px; height: 30px; font-size: 18px; line-height: 30px; }
    .materialBoxDown ul li .materBorder .tabe{ padding: 10px 15px 15px 15px;}
}


/*培训计划*/
.trainer{ padding: 4.1% 0 0 0; }
.trainerDown{ padding-top: 4.4%; margin: 0 -10px; }
.trainerDown ul{ float: left; width: 100%;}
.trainerDown ul li{ float: left; width: 50%; padding: 0 10px;}
.trainerDown ul li .trainBorder{ border: #cccccc solid 1px; padding: 33px 38px 45px 38px; color: #333333; font-size: 14px; line-height: 30px; background-color: #f5f5f5; min-height: 350px; }
@media screen and (max-width:991px){
    .trainerDown{ margin: 0; }
    .trainerDown ul li{ width: 100%; padding: 12px 0 0 0; }
    .trainerDown ul li:first-child{ padding-top: 0; }
}
@media screen and (max-width:767px){
    .trainerDown ul li .trainBorder{ padding: 12px 15px 20px 15px;  line-height: 26px; min-height: 0; }
}


/*law*/
.law{ padding:6.1% 0 6.77% 0; }
.lawDown{ padding-top: 4.4%; margin: 0 -10px; }
.lawDown ul{ float: left; width: 100%; }
.lawDown ul li{ padding: 0 10px; }
.lawDown ul li .lawBox{ background-color: #f5f5f5; padding: 8.21% 8.92% 7.14% 8.92%; text-align: center; }
.lawDown ul li .lawBox .lawIco{ display: inline-block; vertical-align: top; width: 48px; height: 48px; line-height: 0;}
.lawDown ul li .lawBox .lawTxt{ float: left; width: 100%; height: 100px; margin-top: 16px; color: #333333; font-size: 12px; line-height: 20px; text-align: center; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.lawDown ul li .lawBox .lawMore{ float: left; width: 100%; margin-top: 17px; text-align: center; }
.lawDown ul li .lawBox .lawMore span{ display: inline-block; vertical-align: top; padding: 0 21px; background-color: #666666; color: #fff; font-size: 12px; line-height: 26px;
    border-radius:13px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    -o-border-radius:13px;
}
.lawDown ul li .lawBox .lawMore span:hover{ background-color: #031d2c; }
.lawDown ul li:hover .lawBox .lawMore span{background-color: #031d2c;}
@media screen and (max-width:767px){
    .lawDown{ margin: 0 -6px; }
    .lawDown ul li{ padding: 0 6px; }
    .lawDown ul li .lawBox .lawIco{ width: 36px; height: 36px; }
}

.lawDown .owl-prev{ position: absolute; width: 22px; height: 38px; left: -42px; top: 50%; margin-top: -19px; background: url("images/tem11.png") center no-repeat; background-size: 100% 100%; text-indent: -100px; overflow: hidden; }
.lawDown .owl-prev:hover{background: url("images/tem11_h.png") center no-repeat; background-size: 100% 100%;}
.lawDown .owl-next{ position: absolute; width: 22px; height: 38px; right: -42px; top: 50%; margin-top: -19px; background: url("images/tem12.png") center no-repeat; background-size: 100% 100%; text-indent: -100px; overflow: hidden; }
.lawDown .owl-next:hover{background: url("images/tem12_h.png") center no-repeat; background-size: 100% 100%; }
@media screen and (max-width:1290px){
    .lawDown .owl-prev{ left: 0; }
    .lawDown .owl-next{ right: 0;}
}


/*case*/
.caseBack{ background: url("images/tem13.jpg") center no-repeat; background-size: cover; }
.caseBlock{ padding: 6.18% 0 6.77% 0; }
.caseBlockDown{ margin: 4.32% -10px 0 -10px;}
.caseBlockDown ul{ float: left; width: 100%; }
.caseBlockDown ul li{ padding: 0 10px;}
.caseBlockDown ul li .casePic{ line-height: 0; overflow: hidden; padding-top: 141.4285714285714%; position: relative; }
.caseBlockDown ul li .casePic img{ position: absolute; width: 100%; left: 0; top: 50%; ;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.caseBlockDown ul li:hover .casePic img{

}
.caseBlockDown ul li h3{ background-color: #fff; color: #333333; font-size: 14px; line-height: 40px; padding: 0 10px; text-align: center; }
.caseBlockDown ul li:hover h3{ background-color: #031d2c; color: #fff;}
.caseBlockDown .owl-prev{ position: absolute; width: 40px; height: 40px; left: -60px; top: 50%; margin-top: -20px; background: url("images/tem15.png") center no-repeat; background-size: 100% 100%; text-indent: -100px; overflow: hidden; }
.caseBlockDown .owl-prev:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}
.caseBlockDown .owl-next{ position: absolute; width: 40px; height: 40px; right: -60px; top: 50%; margin-top: -20px; background: url("images/tem16.png") center no-repeat; background-size: 100% 100%; text-indent: -100px; overflow: hidden;}
.caseBlockDown .owl-next:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}
@media screen and (max-width:1326px){
    .caseBlockDown .owl-prev{ left: 0;}
    .caseBlockDown .owl-next{ right: 0;}
}
@media screen and (max-width:767px){
    .caseBlockDown{ margin: 4.32% -6px 0 -6px;}
    .caseBlockDown ul li{ padding: 0 6px;}
    .caseBlockDown ul li h3{ line-height: 36px; padding: 0 5px; }
}


/*品牌客户*/
.brandCustome{ padding: 6.27% 0 0 0; }
.brandCusDown{ padding: 2.62% 0 6.18% 0; margin: 0 -10px; }
.brandCusDown ul{ float: left; width: 100%;}
.brandCusDown ul li{ padding: 0 10px;}
.brandCusDown ul li a{float: left; width: 100%; margin-top: 20px;   }
.brandCusDown ul li a .brandPic{ overflow: hidden; line-height: 0; background-color: #f0f0f0;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -webkit-transform:rotate(0deg);
}
.brandCusDown ul li a .brandPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.brandCusDown ul li a:hover .brandPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.brandCusDown .owl-dots{ padding-top: 4.23%; text-align: center; line-height: 0; }
.brandCusDown .owl-dots .owl-dot{ display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 10px; background-color: #aaaaaa;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.brandCusDown .owl-dots .owl-dot.active{ background-color: #031d2c; }
@media screen and (max-width:767px){
    .brandCusDown{ margin: 0 -6px; }
    .brandCusDown ul li{ padding: 0 6px;}
    .brandCusDown ul li a{ margin-top: 12px; }
    .brandCusDown ul li a .brandPic{
        border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        -o-border-radius:6px;
    }
    .brandCusDown .owl-dots .owl-dot{ margin: 0 5px; }
}


/*联系我们*/
.contactIn{ padding: 0 0 4.01% 0; }
.contactInDown{ background-color: #f2f2f2; }
.contactInDown .conMap{ float: left; width: 50%; }

#bdmap_2{ float: left; width:100%; height:350px;}
#bdmap_2 .BMap_pop{ display: none; float:right; background-image:url(images/ico4_2.png); background-repeat:no-repeat; border:none !important; width:352px !important; border:0 !important; height:85px; margin:70px 0 0 170px;}
#bdmap_2 .BMap_pop .BMap_top,
#bdmap_2 .BMap_pop .BMap_center,
#bdmap_2 .BMap_pop .BMap_bottom,
#bdmap_2 .BMap_pop div:nth-child(9n){ width:86% !important;}
#bdmap_2 .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}
#bdmap_2 .BMap_pop div img{display:none;}
#bdmap_2 .iw_poi_content{ font-size: 14px; color: #444; line-height: 22px; padding-left:16px; padding-top:5px;}
#bdmap_2 .BMap_shadow{ width:100%; float: left; display: none !important;}
#bdmap_2 .BMapLabel{ display: none !important;}
@media  screen and (max-width:991px){
    .contactInDown .conMap{ width: 100%; }
}
@media  screen and (max-width:767px){
    #bdmap_2{ height:200px;}
    #bdmap_2 .BMap_pop{ background-size:contain; width:247px !important; height:69px; margin:20px 0 0 0; background:#fff;}
    #bdmap_2 .iw_poi_content{ font-size: 12px; line-height: 20px; padding-top:0px; padding-left:0px;}
}



.contactInRight{ float: left; width: 600px;}
.contactInRight .container_con{}
.telLeft_2{ float: left; width: 100%; padding-left: 40px; padding-top: 54px; padding-right: 10px; }
.telLeft_2 h5{ float: left; width: 100%; color: #031d2c; font-size: 18px; font-weight: bold; line-height: 24px;}
.telLeft_2 .email{ float: left; width: 100%; padding-top: 32px; }
.telLeft_2 .email .ewwm{ float: right; width: 120px; text-align: center; }
.telLeft_2 .email .ewwm .mPic{ line-height: 0;}
.telLeft_2 .email .ewwm .mTit{ display: inline-block; vertical-align: top; background-color: #031d2c; color: #fff; font-size: 12px; line-height: 26px;  margin-top: 25px; padding: 0 27px;
    border-radius:13px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    -o-border-radius:13px;
}
.telLeft_2 .email .emLeft{ float: left; width: 415px; }
.telLeft_2 .emLeft .phoneLine{ float: left; width: 100%; color: #333333; font-size: 14px; line-height: 20px;}
.telLeft_2 .emLeft .phoneLine b{ float: left; width: 20px; height: 20px; line-height: 0; margin-top: 5px;}
.telLeft_2 .emLeft .phoneLine .linePad{ padding-left: 32px; padding-top: 5px; padding-bottom: 5px;}
@media  screen and (max-width:1199px){
    .contactInRight{ width: 486px;}
    .telLeft_2{ float: left; width: 100%; padding-left: 30px; padding-top: 54px; padding-right: 10px; }
    .telLeft_2 .email .ewwm{ width: 102px;}
    .telLeft_2 .email .emLeft{ width: 340px; }
}
@media  screen and (max-width:991px){
    .contactInRight{ width: 100%;}
    .contactInRight .container_con{ margin: 0 auto; width: 748px;}
    .telLeft_2{ width: 100%; padding-left: 0; padding-top: 4%; padding-bottom: 5%; padding-right: 0; }
    .telLeft_2 .email .emLeft{ width: 590px; }
}
@media  screen and (max-width:767px){
    .contactInRight{ width: 100%; padding: 0 10px;}
    .contactInRight .container_con{ width: 100%;}
    .telLeft_2 h5{ font-size: 16px; }
    .telLeft_2 .email{ padding-top: 5%; }
    .telLeft_2 .email .emLeft{ width: 100%; }
    .telLeft_2 .email .ewwm{ float: left; width: 214px; margin-top: 2.5%; margin-left: 32px; }
    .telLeft_2 .email .ewwm .mPic{ float: left; width: 102px;}
    .telLeft_2 .email .ewwm .mTit{ float: left; margin-top: 76px; margin-left: 10px; }
}



/*关于我们3*/
.aboutAbout{ padding: 6.1% 0 5.93% 0; }
.aboutIntroduce{ padding-top: 3.55%; color: #000000; font-size: 16px; line-height: 35px; text-align: center; }
@media  screen and (max-width:1199px){
    .aboutIntroduce{ font-size: 14px; line-height: 30px; }
}
@media  screen and (max-width:767px){
    .aboutIntroduce{ line-height: 26px; }
}


.history{ background-color: #f0f0f0; }
.historyBox{ padding: 6.1% 0 6.77% 0; }
.historyDown{ margin-top: 4.4%; padding-right: 80px; background: url("images/about4.jpg") 0 239px repeat-x; overflow: hidden; }
.historyDown ul{ float: left; width: 100%; }
.historyDown ul .owl-stage-outer{ overflow: visible;}
.historyDown ul .owl-item{
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.historyDown ul .owl-item.active{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.historyDown ul li{ }
.historyDown ul li .hisBox{ float: left; width: 100px; height: 480px; position: relative; margin-left: 43px; }
.historyDown ul li .hisBox .hisCricle{ float: left; width: 100px; height: 100px; background: url("images/about1.png") center no-repeat; background-size: cover; color: #fff; font-size: 24px; font-weight: bold; line-height: 100px; text-align: center; margin-top: 190px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 12px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 12px rgba(0,0,0,0.2);
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
.historyDown ul li .hisBox .floatYear{ position: absolute; width: 220px; height: 206px; left:-23px; top: 0; background: url("images/about2.png") left center no-repeat; background-size: auto 100%; padding: 0 0 0 25px; }
.historyDown ul li.double .hisBox .floatYear{ left:-23px; top: auto; bottom: 0; background: url("images/about3.png") left center no-repeat; background-size: auto 100%;}
.historyDown ul li .hisBox .floatYear .year{ color: #031d2c; font-size: 16px; font-weight: bold; line-height: 26px; margin-top: 10px; }
.historyDown ul li.double .hisBox .floatYear .year{ margin-top: 63px;}
.historyDown ul li .hisBox .floatYear .yearP{ height: 96px; margin-top: 10px; color: #282828; font-size: 14px; line-height: 24px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.historyDown .owl-prev{ position: absolute; width:34px; height: 68px; left: 0px; top: 50%; margin-top: -34px; background: url("images/about5.jpg") no-repeat; background-size: cover; text-indent: -100px; overflow: hidden; }
.historyDown .owl-prev:hover{background: url("images/about5_h.jpg") no-repeat; background-size: cover; }
.historyDown .owl-next{ position: absolute; width:34px; height: 68px; right: -80px; top: 50%; margin-top: -34px; background: url("images/about6.jpg") no-repeat; background-size: cover; text-indent: -100px; overflow: hidden; }
.historyDown .owl-next:hover{background: url("images/about6_h.jpg") no-repeat; background-size: cover;}
.historyDown .owl-dots{ padding-left: 80px;}
@media  screen and (max-width:767px){
    .historyDown{  background: url("images/about4.jpg") 0 220px repeat-x; }
    .historyDown ul li .hisBox{ height: 440px; margin-left: 23px; }
    .historyDown ul li .hisBox .hisCricle{ width: 60px; height: 60px;  font-size: 18px;  line-height: 60px;  margin-top: 190px;  }
    .historyDown ul li .hisBox .floatYear{ width: 200px; height: 206px; left:-23px; top: 0; background: url("images/about2.png") left center no-repeat; background-size: auto 100%; padding: 0 0 0 25px; }
    .historyDown ul li.double .hisBox .floatYear .year{ margin-top: 33px;}
    .historyDown .owl-dots{ padding-left: 40px;}
}
@media  screen and (max-width:374px){
    .historyDown ul li .hisBox .floatYear{ width: 190px; }
}


.culture{ padding: 6.94% 0 6.77% 0; }
.cultureDown{ margin: 0 -10px;}
.cultureDown ul{ float: left; width: 100%; }
.cultureDown ul .box{ float: left;  }
.cultureDown ul .box.li_1{ width: 25%; padding: 10px;}
.cultureDown ul .box .outPad{ position: relative; background-position: center; background-repeat: no-repeat; }
.cultureDown ul .box .outPad .border{ position: absolute; width: 100%; height: 100%;  left: 10px; top: 10px; border: #fff solid 1px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.cultureDown ul .box .outPad:hover .border{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.cultureDown ul .box.li_2{ width: 75%; }
.cultureDown ul .box1{ float: left; width: 100%;}
.cultureDown ul .box.li_3{ width: 66.66666666666667%; padding: 10px; }
.cultureDown ul .box.li_4{ width: 33.33333333333333%; padding: 10px; }
.cultureDown ul .box.li_5{ width: 33.33333333333333%; padding: 10px; }
.cultureDown ul .box.li_6{ width: 66.66666666666667%; padding: 10px; }
.cultureDown ul .box .outPad_2{ position: relative; background: url("images/about12.jpg") repeat; }
@media  screen and (max-width:1199px){
    .cultureDown{ margin: 0 -8px;}
    .cultureDown ul .box.li_1{ padding: 8px;}
    .cultureDown ul .box.li_3{ padding: 8px; }
    .cultureDown ul .box.li_4{ padding: 8px; }
    .cultureDown ul .box.li_5{ padding: 8px; }
    .cultureDown ul .box.li_6{ padding: 8px; }
}
@media  screen and (max-width:991px){
    .cultureDown{ margin: 0 -6px;}
    .cultureDown ul .box.li_1{ padding: 6px;}
    .cultureDown ul .box.li_3{ padding: 6px; }
    .cultureDown ul .box.li_4{ padding: 6px; }
    .cultureDown ul .box.li_5{ padding: 6px; }
    .cultureDown ul .box.li_6{ padding: 6px; }
}
@media  screen and (max-width:767px){
    .cultureDown{ margin: 0 -2px;}
    .cultureDown ul .box.li_1{ padding: 2px;}
    .cultureDown ul .box.li_3{ padding: 2px; }
    .cultureDown ul .box.li_4{ padding: 2px; }
    .cultureDown ul .box.li_5{ padding: 2px; }
    .cultureDown ul .box.li_6{ padding: 2px; }
    .cultureDown{  padding-top: 5.5%;}
    .cultureDown ul .box.li_1{ display: none; }
    .cultureDown ul .box.li_2{ width: 100%; }
    .cultureDown ul .box .outPad .border{ left: 5px; top: 5px;
        width: -webkit-calc(100% - 10px);
        width: calc(100% - 10px);
        height: -webkit-calc(100% - 10px);
        height: calc(100% - 10px);
    }
}


/*index2 右侧票佛*/
.floatRight{ position: fixed; width: 82px; right: 0; top: 50%; margin-top: -140px; z-index: 1000; border: #e4e4e4 solid 1px; background-color: #fff;}
.floatRight .ewma{ float: left; width: 100%; border-bottom: #e4e4e4 solid 1px; padding: 9px 9px 0 9px;}
.floatRight .ewma .ea{ border: #d9d8d8 solid 1px;}
.floatRight .ewma .eaTit{ color: #3e3d3d; font-size: 12px; line-height: 28px; text-align: center; }
.floatRight .rightMu{ float: left; width: 100%; padding: 9px;}
.floatRight .rightMu a{ float: left; width: 100%; margin-top: 1px; background-color: #7f7f7f; padding: 9px 0 5px 0; text-align: center; }
.floatRight .rightMu a:hover{ background-color: #031d2c;}
.floatRight .rightMu a .muPic{ display: inline-block; vertical-align: top; width: 23px; height: 23px; line-height: 0; }
.floatRight .rightMu a .muTit{ float: left; width: 100%; color: #fff; font-size: 12px; line-height: 20px; margin-top: 5px; text-align: center;}
@media  screen and (max-width:991px){
    .floatRight{ display: none;}
}


/*手机底部菜单*/
.footMenuDown{ display: none; float: left; width: 100%; height:52px; }
.c_0100_8{ position: fixed; left: 0; bottom: 0; z-index: 1200; float:left; width:100%; height:52px; background-color:#fff; border-top: #f6f6f6 solid 1px;}
.c_0100_8 li{ float:left; width:25%;}
.c_0100_8 li a{ float:left; width:100%; height:51px; padding:4px 0 0 0; text-align: center;}
.c_0100_8 li a .m_img{ display:inline-block; vertical-align: top; width: 24px; height: 24px; line-height: 0;}
.c_0100_8 li a .m_img .imgs{}
.c_0100_8 li a .m_img .imgd{ display: none;}
.c_0100_8 li.active a .m_img .imgs{ display: none;}
.c_0100_8 li.active a .m_img .imgd{ display: block;}
.c_0100_8 li a .tit_down{ float:left; width:100%; text-align:center; line-height:25px; color:#333; font-size:14px;}
.c_0100_8 li.active a .tit_down{ color: #031d2c;}
@media  screen and (max-width:767px){
    .footMenuDown{ display: block;}
}


/*
       border-radius:11px;
-webkit-border-radius:11px;
   -moz-border-radius:11px;
     -o-border-radius:11px;


-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;

transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
-webkit-transform: scale(1.09,1.09);
     -o-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);


text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;



 */


@-webkit-keyframes buzz-out{
    10%{  -webkit-transform:translateX(3px) rotate(2deg);  transform:translateX(3px) rotate(2deg)}
    20%{  -webkit-transform:translateX(-3px) rotate(-2deg);  transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
@keyframes buzz-out{
    10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)  }
    50%{-webkit-transform:translateX(2px) rotate(1deg); transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
.buzz-out{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent
}
.buzz-out:hover,
.buzz-out:focus,
.buzz-out:active{
    -webkit-animation-name:buzz-out;
    animation-name:buzz-out;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}

.special{}
.special .owl-dots{ width: 100%; margin-top: 4.5%; text-align: center; line-height: 0;}
.special .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#031d2c solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .owl-dots .owl-dot.active{ background: #031d2c;}
@media screen and (max-width:767px){
    .special .owl-dots .owl-dot{  width: 9px; height: 9px; margin: 0 3px; }
}

.special_2{}
.special_2 .owl-dots{ width: 100%; margin-top: 4.5%; text-align: center; line-height: 0;}
.special_2 .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#fff solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special_2 .owl-dots .owl-dot.active{ background: #fff;}
@media screen and (max-width:767px){
    .special_2 .owl-dots .owl-dot{  width: 9px; height: 9px; margin: 0 3px; }
}


/*分页*/
.waik_1{ padding: 6.78% 0 6.78% 0;  text-align:center;}
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .fy_phone{ display:block; }
    .fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:110px; height:30px; line-height:29px; border:solid 1px #031d2c; color:#333;text-decoration:inherit;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px;
    }
    .fy_phone span{ display:inline-block; padding:0 15px; height:30px; line-height:30px; color:#333;}
}
@media  screen and (max-width:767px){
    .waik_1{ padding:6% 0 6% 0;}
}


.page{ float: left; width: 100%; text-align: center;}
.page ul{ float: none!important; display:inline-block; zoom: 1; width: auto!important;}
.page a { float: left; width: 38px; height: 38px; margin: 0 5px;}
.page a li{ float: left; width: 100%; text-align: center; line-height: 36px!important; padding: 0!important;border:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3 !important;border-radius:38px;-moz-border-radius:38px; -webkit-border-radius:38px;}
.page a:last-child,
.page a:first-child{ width: 100px; height: 38px;}
.page a:last-child li,
.page a:first-child li{border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.page li:hover
{
    color: #fff;
    border: 1px solid #031d2c; background-color: #031d2c;
    border-bottom:1px solid #031d2c !important;
}
.page li img.img1{vertical-align: initial;}
.page li img.img2{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img1,
.page li.pageact img.img1{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img2,
.page li.pageact img.img2{
    display: inline-block;
}
.page li.pageact
{
    color: #fff;
    border: 1px solid #031d2c; background-color: #031d2c;
    border-bottom:1px solid #031d2c !important;
}



.temProcessDown .owl-prev{ position: absolute; width:34px; height: 68px; left: -15px; top: 50%; margin-top: -2px; background: url("images/about5.jpg") no-repeat; background-size: cover; text-indent: -100px; overflow: hidden; }
.temProcessDown .owl-prev:hover{background: url("images/about5_h.jpg") no-repeat; background-size: cover; }
.temProcessDown .owl-next{ position: absolute; width:34px; height: 68px; right: -15px; top: 50%; margin-top: -2px; background: url("images/about6.jpg") no-repeat; background-size: cover; text-indent: -100px; overflow: hidden; }
.temProcessDown .owl-next:hover{background: url("images/about6_h.jpg") no-repeat; background-size: cover;}
@media  screen and (max-width:1210px){
    .temProcessDown .owl-prev{ display: none;}
    .temProcessDown .owl-next{ display: none;}
}



/*20181224*/
.top1 .serachBox{ float: right; width: 200px; height: 30px; margin-right: 10px; vertical-align: top;}
.top1 .serachBox button{ float: right; width: 30px; height: 30px; border: 0;
    -webkit-appearance: none; outline: 0; border-radius: 0; }
.top1 .serachBox .search{ padding-right: 30px; }
.top1 .serachBox .search input{ float: left; width: 100%; border:0; height: 30px; padding: 0 14px; color: #333; font-size: 12px; line-height: 42px;}

.anliChuangBack{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); left: 0; top: 0; z-index: -1900;}
.anliChuangBack.active{ z-index: 1900;}
.anliChuang{ position: fixed; width: 748px; height: 529px; left: 50%; top: 50%; margin: -264px 0 0 -378px; z-index: 2000;}
.anliChuang .owl-carousel{ display: block !important;}
.anliChuang .anliPic{ height: 529px; overflow-x: hidden; overflow-y: auto; position: relative;}
.anliChuang .anliPic .img5{ width: 100%; }
.anliChuang h5{ position: absolute; width: 100%; left: 0; top:0; background-color: rgba(0,0,0,0.6); color: #fff; font-size: 14px; line-height: 46px; padding: 0 20px;}
.anliChuang .owl-nav{ position: absolute; width:130%; left: -15%; top: 50%; margin-top: -20px;}
.anliChuang .owl-nav .owl-prev{ float: left; width: 40px; height: 40px; background: url("images/tem15.png") no-repeat; background-size: cover; cursor: pointer; text-indent: -200px; overflow: hidden;}
.anliChuang .owl-nav .owl-next{ float: right; width: 40px; height: 40px; background: url("images/tem16.png") no-repeat; background-size: cover; cursor: pointer; text-indent: -200px; overflow: hidden;}
.anliChuang  .sups{ position: absolute; width: 28px; height: 28px; right: -40px; top: -40px; cursor: pointer;}

.pronav{position:fixed;top:136px;left: 50%;margin-left: -600px; display:none;}
.countList{width:100%;float:left;text-align:center;line-height:60px;font-size:14px;}
@media  screen and (max-width:1199px){
    .serachBox{ float: right; width: 94%; height: 60px; margin:0 3%;  padding:15px 0; position:relative; }
    .serachBox button{ position:absolute; right:0; top:15px; width: 30px; height: 30px; }
    .serachBox .search{ padding-right: 30px; }
    .serachBox .search input{ float: left; width: 100%; border:0; height: 30px; padding: 4px 14px; color: #333; font-size: 12px; line-height: 20px;border:1px solid #ccc; border-right:0;}
    .pronav{top:60px;margin-left: -496px;}
}

@media  screen and (max-width:991px){
    .anliChuang{ width: 566px; margin: -200px 0 0 -283px; }
    .anliChuang .anliPic .img5{ }
    
}
@media  screen and (max-width:767px){
    .anliChuang{ width: 90%; left: 5%; top: 20%; height: auto; margin: 0;  }
    .anliChuang .anliPic .img5{  }
    .anliChuang h5{ line-height: 40px; padding: 0 10px;}
    .anliChuang  .sups{ width: 18px; height: 18px; right: 10px; top: -30px; }
    .anliChuang .owl-nav{ position: absolute; width:100%; left: 0; margin-top: -15px;}
    .anliChuang .owl-nav .owl-prev{ width: 30px; height: 30px; margin-left: 10px; }
    .anliChuang .owl-nav .owl-next{ width: 30px; height: 30px; margin-right: 10px; }
}






.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}